<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频咨询</title>
    <style type="text/css">
        #textarea{
            border: 0px;
            width: 500px;
            height: 500px;
        }
        .playvideo{
            border: 0px ;
            width: 1280px;
            height: 720px;
            margin: 0 auto;
            background: url("../img/bg2.jpg");
            color: white;
        }

    </style>
</head>
<body bgcolor="black" >
<div class="playvideo" >
    <div style="border: 0px solid #000000; width: 500px; height: 100px;margin: 0 auto;">
        <h1>
            <P th:text="${rotation.title}"></P>
        </h1>
    </div>
    <div style="border: 0px ; width: 600px; height: 240px;margin: 0 auto;">
        <video width="700" height="400" controls="controls">
            <source src="movie.mp4" th:src="@{${rotation.video}}" type="video/mp4" />
        </video>
    </div>
<!--    <div style="border: 0px solid #000000; width: 500px; height: 50px;margin: 0 auto;">-->
<!--        <textarea style="resize:none;" id="textarea" th:text="${rotation.content}"></textarea>-->
<!--    </div>-->
</div>
</body>
</html>